@import 'antd/dist/antd.css';

/* 引入NotoColorEmoji.ttf展示字体表情 */
@font-face {
  font-family: "EmojiMart";
  src: url("./assets/ttf/NotoColorEmoji.ttf") format("opentype");
  font-weight: normal;
  font-style: normal;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
dl,
dt,
dd,
ul,
ol,
li,
pre,
fieldset,
button,
input,
textarea,
th,
td,
a {
  font-family: Arial, "Microsoft YaHei", "EmojiMart" !important;
}

.App {
  text-align: center;
}

.App-logo {
  height: 20vmin;
  pointer-events: none;
}

.home-box{
  width: 1000px;
  padding: 20px;
  border: 1px solid  #dcdfe6;
  border-radius: 5px;
}

@media (prefers-reduced-motion: no-preference) {
  .App-logo {
    animation: App-logo-spin infinite 20s linear;
  }
}

.App-header {
  min-height: 92vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: calc(10px + 2vmin);
}

.App-link {
  color: #61dafb;
}

@keyframes App-logo-spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

/* 加载 */
.loading {
  text-align: center;
  padding: 100px;
}

/* 全局css */
body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
    monospace;
}

input::-webkit-input-placeholder {
  font-size: 16px;
  color: #c1c1c1;
}

/* 使用webkit内核的浏览器 */
input:-moz-placeholder {
  font-size: 16px;
  color: #c1c1c1;
}

/* Firefox版本4-18 */
input::-moz-placeholder {
  font-size: 16px;
  color: #c1c1c1;
}

/* Firefox版本19+ */
input:-ms-input-placeholder {
  font-size: 16px;
  color: #c1c1c1;
}

/* IE浏览器 */

body,
html {

  height: 100%;
  width: 100%;
  overflow-x: hidden;
}

.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.flex_right {
  -webkit-box-pack: flex-end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: flex-end;
  justify-content: flex-end;
}

.flex_top {
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
}

.flex_bottom {
  -webkit-box-align: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end;
}

.flex_center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.align_items {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.flex_between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;

}

.flex_around {
  -webkit-box-pack: start;
  -webkit-justify-content: space-around;
  -ms-flex-pack: start;
  justify-content: space-around;

}

.flex_wrap {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}

select option {
  text-indent: 10px;
  padding: 10px 0;
}

/*清除select的样式*/
select {
  /*统一边框*/
  border: solid 1px #000;
  /*将默认的select选择框样式清除*/
  appearance: none;
  /*这个样式就是清楚他的下拉按钮的默认样式*/
  -moz-appearance: none;
  -webkit-appearance: none;
  /*替换选择框的最右侧显示小箭头图片*/
  /* background: url(../img/s_ico1.png) no-repeat scroll right 10px center transparent !important; */
  /*为下拉小箭头留出一点位置，避免被文字覆盖*/
  padding-right: 14px;
  padding-left: 10px;
  position: relative;
}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand {
  display: none;
}

a,
a:hover,
a:link,
a:visited,
a:active {
  text-decoration: none;
  color: initial;
}

/* 隐藏 */
.hidden {
  display: none;
}

.hide {
  display: none;
}

.Mask {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  z-index: 10;
  background: rgba(0, 0, 0, 0.4);
}

/* 标签 */
.title {
  width: 100%;
  height: 55px;
  box-sizing: border-box;
  padding: 18px 0;
  font-weight: 700;
  font-size: 16px;
}

.title>div {
  height: 100%;
}

.title-line {
  width: 3px;
  height: 100%;
  background: #115cc2;
  margin-right: 18px;
}

.edit-zl {
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
}

.edit-zl>img {
  padding: 0 10px;
}

/* 首航缩进 */
.indent2 {
  text-indent: 2em;
}

.indent1 {
  text-indent: 1em;
}

/* 添加下划线 */
.underline {
  border-bottom: 1px solid #e6e6e6;
}

/* 溢出隐藏 */
.overflow4 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

.overflow2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.overflow1 {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

/* 清除浮动 */
.claer:before,
.claer:after {
  content: "";
  display: block;
  clear: both;
}

ul,
li {
  list-style: none
}

/* 去除数字输入框的增减按钮 */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0;
}

input[type="number"] {
  appearance:textfield;
  -moz-appearance: textfield;
}

textarea {
  resize: none;
}

.container {
  width: 1200px;
  margin: auto;
}

/* 隐藏搜索框 */
.emoji-mart-search {
  display: none;
}

.emoji-mart-emoji span {
  cursor: pointer !important;
}

/* 隐藏预览遮罩 */
.ant-image-mask {
  opacity: 0 !important;
}

.icon {
  font-size: 20px;
  color: #777777;
  cursor: pointer;
}

.icon:hover {
  color: #4e4e4e;
}